<!DOCTYPE html>
<html lang="en">
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta charset="UTF-8" />

  <link
    href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css"
    rel="stylesheet"
    integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx"
    crossorigin="anonymous"
  />

  <link
    rel="stylesheet"
    type="text/css"
    href="css/normalize.css"
    media="screen"
  />

  <link rel="stylesheet" href="fonts/stylesheet.css" />

  <link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />
  <link rel="preconnect" href="https://fonts.googleapis.com" />

  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />

  <link
    href="https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&display=swap"
    rel="stylesheet"
  />

  <link
    href="https://fonts.googleapis.com/css2?family=Jua&display=swap"
    rel="stylesheet"
  />

  <link
    href="https://fonts.googleapis.com/css2?family=DynaPuff:wght@400;500;600;700&display=swap"
    rel="stylesheet"
  />

  <link
    href="https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
    rel="stylesheet"
  />

  <link
    href="https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
    rel="stylesheet"
  />

  <link
    href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
    rel="stylesheet"
  />

  <link rel="stylesheet" href="css/index.css" />

  <title>Project</title>

  <body>
    <div class="wrapper">
      <header>
        <div class="container">
          <nav class="navbar navbar-expand-lg">
            <div class="container-fluid">
              <button
                class="navbar-toggler"
                type="button"
                data-bs-toggle="collapse"
                data-bs-target="#navbarNav"
                aria-controls="navbarNav"
                aria-expanded="false"
                aria-label="Toggle navigation"
              >
                <span class="navbar-toggler-icon"></span>
              </button>
              <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav">
                  <li class="nav-item">
                    <a class="nav-link" href="index.html"
                      ><img src="img/header1.svg" alt=""
                    /></a>
                  </li>

                  <li class="nav-item">
                    <a class="nav-link" href="project.html"
                      ><img src="img/header2.svg" alt=""
                    /></a>
                  </li>

                  <li class="nav-item">
                    <a class="nav-link" href="#"
                      ><img src="img/header3.svg" alt=""
                    /></a>
                  </li>

                  <li class="nav-item">
                    <a class="nav-link" href="#">Freak Utility</a>
                  </li>

                  <li class="nav-item">
                    <a class="nav-link" href="#"
                      ><img src="img/header4.svg" alt=""
                    /></a>
                    <a href="#"><img src="img/header5.svg" alt="" /></a>
                  </li>
                </ul>
              </div>
            </div>
          </nav>
        </div>
      </header>

      <body>
        <section class="project">
          <div class="container">
            <div class="project__block">
              <div class="row">
                <div class="col-8">
                  <div class="project__block-left">
                    <div class="row">
                      <div class="col-12">
                        <div class="project__block-left-frist">
                          <div class="projects_chart"></div>
                        </div>
                      </div>

                      <div class="col-6">
                        <div class="project__block-left-second">
                          <div class="project__block-left-second-title">
                            Recent activity
                          </div>

                          <div class="project__block-left-second-main">
                            <div class="project__block-left-second-main-item">
                              <div
                                class="project__block-left-second-main-item-left"
                              >
                                <p>Sent</p>
                                <span>to (Wafr...12sP)</span>
                              </div>

                              <div
                                class="project__block-left-second-main-item-right"
                              >
                                <p style="color: #ed3939">-2 sol</p>
                                <img src="img/aveicon.svg" alt="" />
                              </div>
                            </div>

                            <div class="project__block-left-second-main-item">
                              <div
                                class="project__block-left-second-main-item-left"
                              >
                                <p>Received</p>
                                <span>from (Wafr...12sP)</span>
                              </div>

                              <div
                                class="project__block-left-second-main-item-right"
                              >
                                <p style="color: #3ee86e">+7 sol</p>
                                <img src="img/aveicon.svg" alt="" />
                              </div>
                            </div>

                            <div class="project__block-left-second-main-span">
                              <img src="img/ava3.svg" alt="" />
                              <p>
                                Freak Utility #0001 listed<span>Magiceden</span>
                              </p>
                            </div>

                            <div class="project__block-left-second-main-item">
                              <div
                                class="project__block-left-second-main-item-left"
                              >
                                <p>Sent</p>
                                <span>from (Wafr...12sP)</span>
                              </div>

                              <div
                                class="project__block-left-second-main-item-right"
                              >
                                <p style="color: #ed3939">-3 sol</p>
                                <img src="img/aveicon.svg" alt="" />
                              </div>
                            </div>

                            <div class="project__block-left-second-main-item">
                              <div
                                class="project__block-left-second-main-item-left"
                              >
                                <p>Sent</p>
                                <span>to (Wafr...12sP)</span>
                              </div>

                              <div
                                class="project__block-left-second-main-item-right"
                              >
                                <p style="color: #ed3939">-2 sol</p>
                                <img src="img/aveicon.svg" alt="" />
                              </div>
                            </div>

                            <div class="project__block-left-second-main-item">
                              <div
                                class="project__block-left-second-main-item-left"
                              >
                                <p>Received</p>
                                <span>from (Wafr...12sP)</span>
                              </div>

                              <div
                                class="project__block-left-second-main-item-right"
                              >
                                <p style="color: #3ee86e">+7 sol</p>
                                <img src="img/aveicon.svg" alt="" />
                              </div>
                            </div>

                            <div class="project__block-left-second-main-span">
                              <img src="img/ava3.svg" alt="" />
                              <p>
                                Freak Utility #0001 listed<span>Magiceden</span>
                              </p>
                            </div>

                            <div class="project__block-left-second-main-item">
                              <div
                                class="project__block-left-second-main-item-left"
                              >
                                <p>Sent</p>
                                <span>from (Wafr...12sP)</span>
                              </div>

                              <div
                                class="project__block-left-second-main-item-right"
                              >
                                <p style="color: #ed3939">-3 sol</p>
                                <img src="img/aveicon.svg" alt="" />
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>

                      <div class="col-6">
                        <div class="project__block-left-three">
                          <div class="project__block-title">
                            Recent activity
                          </div>
                          <div class="per_month_chart"></div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>

                <div class="col-4">
                  <div class="project__block-right">
                    <div class="project__block-right-title">
                      <p>Wallet checker</p>
                      <a href="" class="add_wallet_button">add wallet</a>

                      <div class="wallet_block">
                        <div class="wallet_block_inner">
                          <form action="">
                            <div class="wallet_form_item">
                              <label for="" class="wallet_label"
                                >name wallet</label
                              >
                              <input type="text" class="wallet_input" />
                            </div>
                            <div class="wallet_form_item">
                              <label for="" class="wallet_label"
                                >wallet adress</label
                              >
                              <input type="text" class="wallet_input" />
                            </div>

                            <button class="add_wallet">add wallet</button>
                          </form>

                          <div class="wallet_content">
                            <div class="wallet_title">Your wallets</div>
                            <div class="wallets">
                              <div class="wallet_item_inner">
                                <div class="wallet_item">
                                  <div class="wallet_name">
                                    Jawn <span>(Wafr...12sP)</span>
                                  </div>
                                  <div class="wallet_action">
                                    <button class="wallet_remove">
                                      <img src="img/remove.svg" alt="" />
                                    </button>
                                  </div>
                                </div>
                                <div class="wallet_item">
                                  <div class="wallet_name">
                                    frankdegods <span>(FrK4...tgn4)</span>
                                  </div>
                                  <div class="wallet_action">
                                    <button class="wallet_remove">
                                      <img src="img/remove.svg" alt="" />
                                    </button>
                                  </div>
                                </div>
                                <div class="wallet_item">
                                  <div class="wallet_name">
                                    Jawn <span>(21tP...Tyts)</span>
                                  </div>
                                  <div class="wallet_action">
                                    <button class="wallet_remove">
                                      <img src="img/remove.svg" alt="" />
                                    </button>
                                  </div>
                                </div>
                                <div class="wallet_item">
                                  <div class="wallet_name">
                                    Cozy <span>(KnaT...2Y0x)</span>
                                  </div>
                                  <div class="wallet_action">
                                    <button class="wallet_remove">
                                      <img src="img/remove.svg" alt="" />
                                    </button>
                                  </div>
                                </div>

                                <div class="wallet_item">
                                  <div class="wallet_name">
                                    Jawn <span>(Wafr...12sP)</span>
                                  </div>
                                  <div class="wallet_action">
                                    <button class="wallet_remove">
                                      <img src="img/remove.svg" alt="" />
                                    </button>
                                  </div>
                                </div>
                                <div class="wallet_item">
                                  <div class="wallet_name">
                                    frankdegods <span>(FrK4...tgn4)</span>
                                  </div>
                                  <div class="wallet_action">
                                    <button class="wallet_remove">
                                      <img src="img/remove.svg" alt="" />
                                    </button>
                                  </div>
                                </div>
                                <div class="wallet_item">
                                  <div class="wallet_name">
                                    Jawn <span>(21tP...Tyts)</span>
                                  </div>
                                  <div class="wallet_action">
                                    <button class="wallet_remove">
                                      <img src="img/remove.svg" alt="" />
                                    </button>
                                  </div>
                                </div>
                                <div class="wallet_item">
                                  <div class="wallet_name">
                                    Cozy <span>(KnaT...2Y0x)</span>
                                  </div>
                                  <div class="wallet_action">
                                    <button class="wallet_remove">
                                      <img src="img/remove.svg" alt="" />
                                    </button>
                                  </div>
                                </div>

                                <div class="wallet_item">
                                  <div class="wallet_name">
                                    Jawn <span>(Wafr...12sP)</span>
                                  </div>
                                  <div class="wallet_action">
                                    <button class="wallet_remove">
                                      <img src="img/remove.svg" alt="" />
                                    </button>
                                  </div>
                                </div>
                                <div class="wallet_item">
                                  <div class="wallet_name">
                                    frankdegods <span>(FrK4...tgn4)</span>
                                  </div>
                                  <div class="wallet_action">
                                    <button class="wallet_remove">
                                      <img src="img/remove.svg" alt="" />
                                    </button>
                                  </div>
                                </div>
                                <div class="wallet_item">
                                  <div class="wallet_name">
                                    Jawn <span>(21tP...Tyts)</span>
                                  </div>
                                  <div class="wallet_action">
                                    <button class="wallet_remove">
                                      <img src="img/remove.svg" alt="" />
                                    </button>
                                  </div>
                                </div>
                                <div class="wallet_item">
                                  <div class="wallet_name">
                                    Cozy <span>(KnaT...2Y0x)</span>
                                  </div>
                                  <div class="wallet_action">
                                    <button class="wallet_remove">
                                      <img src="img/remove.svg" alt="" />
                                    </button>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>

                    <div class="project__block-right-main">
                      <div class="project__block-right-main-item">
                        <p>
                          Jawnxwick bought <span> Freak Utility #245</span> for
                          9.5 SOL
                        </p>
                        <img src="img/w1.svg" alt="" />
                      </div>

                      <div class="project__block-right-main-item">
                        <p>
                          Anglio minted<span> Freak Utility #2415</span>for 0.15
                          SOL
                        </p>
                        <img src="img/w2.svg" alt="" />
                      </div>

                      <div class="project__block-right-main-item">
                        <p>
                          Cozy listed<span> Freak Utility #3215</span>for 12 SOL
                        </p>
                        <img src="img/w3..svg" alt="" />
                      </div>

                      <div class="project__block-right-main-item">
                        <p>
                          frankdegods bought<span> Freak Utility #0021</span>for
                          19.5 SOL
                        </p>
                        <img src="img/w4.svg" alt="" />
                      </div>

                      <div class="project__block-right-main-item">
                        <p>
                          fxnction sold<span> Freak Utility #0047</span>for 14.5
                          SOL
                        </p>
                        <img src="img/w5.svg" alt="" />
                      </div>

                      <div class="project__block-right-main-item">
                        <p>
                          Cozy sold<span> Freak Utility #0115</span>for 10 SOL
                        </p>
                        <img src="img/w6.svg" alt="" />
                      </div>

                      <div class="project__block-right-main-item">
                        <p>
                          IcedKnife listed<span> Freak Utility #2842</span>for
                          9.99 SOL
                        </p>
                        <img src="img/w7.svg" alt="" />
                      </div>

                      <div class="project__block-right-main-item">
                        <p>
                          solsniperr minted<span> Freak Utility #0004</span>for
                          0.15 SOL
                        </p>
                        <img src="img/w8.svg" alt="" />
                      </div>

                      <div class="project__block-right-main-item">
                        <p>
                          SOLBigBrain boughts<span> Freak Utility #0009</span
                          >for 17 SOL
                        </p>
                        <img src="img/w9.svg" alt="" />
                      </div>

                      <div class="project__block-right-main-item">
                        <p>
                          Jawnxwick bought <span> Freak Utility #245</span> for
                          9.5 SOL
                        </p>
                        <img src="img/w1.svg" alt="" />
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </section>
      </body>
    </div>
  </body>
</html>
